<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字符串的常用方法</title>
</head>
<body>  
    <!-- 
        实例属性:
            1、length 用来获取字符串的长度
            2、split('分割符') 将字符串分割成数组
            3、substring(需要截取的第一个字符的索引，结束的索引号)  用于截取字符串  ---- 也可以使用substr(),应该避免使用这个函数
            4、startWith(检测字符串，检测位置索引号)  检测是否以某个字符开头 （重点）
            5、includes(搜索的字符串，检测位置的索引号) 判断一个字符串是否包含在另一个字符串中，根据情况返回true和false
            6、toUpperCase() 将字符串变换成大写
            7、toLowerCase() 将字符串变换成小写
            8、indexOf() 检测是否包含某字符
            9、endWidth() 检测是否以某字符结尾
            10、replace() 用于替换字符串
            11、math() 用于查找字符串，支持正则匹配
     -->
    

     <script>
        const str = '我的名字叫罗春'
        const arr = str.split("") // 将每个字符串分割成一个个字符存放到数组中
        console.log(arr);
        // const str1 = arr.join("") //以"" 进行连接   我的。。。
        const str1 = arr.join()  // 我,的, 。。。。。，要注意分割符号
        console.log(str1);

        const subString = str.substring(0,2)
        console.log(subString);

        // startWidth  检测是否以某个字符开头，可以运用在vue中检测路由是以什么开头的
        var str2 = 'To be, or not to be, that is the question.'
        alert(str2.startsWith("To be")) // true
        alert(str2.startsWith('not to be')) // false
        alert(str2.startsWith('not to be',10))  // true

        // includes('是否包含的字符串','起始索引')  起始索引可以不写
        const isOk = str2.includes('to be')

        // 数值类型的方法  toFixed()  用于保留小数点后几位

     </script>

</body>
</html>